<template>
    <!--商品详情页面-->
<div class="vue_app" style="position:relative;width: 100%">
    <!--头部-->
    <header class="shopsHeader customHeaderStyle opacity_title">
        <div class="go-back">
            <i></i>
            <i></i>
            <i></i>
        </div>
        <div class="headerCustomTitle">商品详情</div>
        <!--<div class="right_icon">
          <a class="shopping_cart"><i class="icon njfont nj-fenxiang1"></i></a>
        </div>分享暂时隐藏-->
    </header>
    <!--<div style="height:3rem;"></div>-->
    <!--头部end-->
</div>
</template>
<style scoped>
    .shopsHeader{
        position: static;
        width: 100%;
    }
    .customHeaderStyle{
		position: relative;
		background: #fff;
		min-height: 3rem;
		border-bottom: 1px solid #eaeaea;
		color: #444;
		font-weight: 700;
		left: 0;
		top: 0;
		line-height: 2.25rem;
		/* z-index: 2; */
		width: 100%;
		font-size: .9rem;
		text-align: center;
		margin: 0;
		padding: 0;
	}
	.headerCustomTitle{
		overflow: hidden;
		right: 6rem;
		font-weight: 500;
		min-height: 2.25rem;
		position: absolute;
		margin: 0;
		text-align: left;
		white-space: nowrap;
		left: 3rem;
		width: auto;
		text-overflow: ellipsis;
		z-index: 2;
		font-size: 1.1rem;
		margin-top: .35rem;
		top: 1px;
	}
</style>
<script>
     export default {
         
     }
</script>